<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/me.css" th:href="@{/css/me.css}"/>
	</head>
	<body>
		<!-- 头部 -->
		<nav class="ui padded-t-small">
			<div class="ui container">
				<div class="ui secondary menu">
					<h2 class="ui blue header item">信息技术系</h2>
					<div class="right menu m-item m-mobile-hide">
						<div class="ui dropdown item">
							<div class="text">
								<i class="user blue big icon"></i>
								<span th:text="${session.student.name}">王锦超</span>
							</div>
							<i class="dropdown icon"></i>
							<div class="menu">
								<a href="#" th:href="@{/logout}" class="item">退出</a>
							</div>
						</div>
					</div>

				</div>
				<div class="ui secondary pointing three item demo menu">
					<a href="index.html" th:href="@{/notice}" class="item">公告栏</a>
					<a href="record.html" th:href="@{/record}" class="item">考勤栏</a>
					<a href="information.html" th:href="@{/information}" class="active item">个人信息</a>
				</div>
			</div>
		</nav>
		<!-- 主体 -->
		<div class="ui container margin-t-small">
			<div class="ui segment">
				<table class="ui celled structured table">
						<tr>
							<td colspan="2" rowspan="3" class="center aligned">
								<img src="../static/images/avatar.png" th:src="@{${session.student.pictureUrl}}" style="width: 160px !important;">
								</td>
							<td class="right aligned two wide">学号：</td>
							<td class="four wide" th:text="${session.student.sno}"></td>
							<td class="right aligned two wide">姓名：</td>
							<td class="four wide" th:text="${session.student.name}"></td>
						</tr>
						<tr>
							<td class="right aligned">性别：</td>
							<td th:text="${session.student.sex}"></td>
							<td class="right aligned">出生年月：</td>
							<td th:text="${session.student.birthDate}"></td>
						</tr>
						<tr>
							<td class="right aligned">班级：</td>
							<td th:text="${session.student.grades}"></td>
							<td class="right aligned">入学日期：</td>
							<td th:text="${session.student.enrollment}"></td>
						</tr>
						<tr>
							<td colspan="2" class="right aligned">政治面貌：</td>
							<td colspan="4" th:text="${session.student.affiliation}"></td>
						</tr>
						<tr>
							<td colspan="2" class="right aligned">家庭住址：</td>
							<td colspan="4" th:text="${session.student.address}"></td>
						</tr>
				</table>
				<div class="ui segment basic right aligned">
					<a href="#" th:href="@{/updatepwd}" class="ui button">修改密码</a> <a th:href="@{/updateinfor}"  class="ui blue button">修改资料</a>
				</div>
			</div>

		</div>



		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
		<script>
			$('.ui.dropdown').dropdown();
		</script>
	</body>
</html>
